<%-- 
    Document   : googleChart
    Created on : Jun 9, 2012, 1:33:43 AM
    Author     : Hasan Mahmud
--%>

<%@page import="java.text.NumberFormat"%>
<%@page import="edu.fiu.accesslog.statistics.SearchEngineStatistics"%>
<%@page import="edu.fiu.accesslog.statistics.UserAgentStatistics"%>
<%@page import="edu.fiu.accesslog.statistics.LogStatistics"%>
<%@page import="edu.fiu.accesslog.statistics.Info"%>
<%@page import="java.util.ArrayList"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
        <head>

                <script type="text/javascript" src="https://www.google.com/jsapi"></script>
                <script type="text/javascript">
                        google.load("visualization", "1", {packages:["corechart",'geochart']});
                        google.setOnLoadCallback(drawChart);
                  
                        function drawChart()
                        {
                        <%                              Info temp;%>
                                        
                                        //countryActivityChart();
                                        //foreignCountryActivityChart();
                                        timeFrameActivityChart();
                                        hourlyActivityChart();
                                        //dailyActivityChart() ; 
                                        //browserActivityChart();
                                        //browserManufacturerActivityChart();
                                        //browserTypeActivityChart();
                                        //browserREActivityChart();
                                        //deviceTypeActivityChart();
                                        //osActivityChart();
                                        //osManActivityChart();
                                        //searchEngineActivityChart();
                                }
                  
                                function countryActivityChart()
                                {
                                        var data  = new google.visualization.DataTable();
                                        var uniqueActData  = new google.visualization.DataTable();
                                        
                                        data.addColumn('string','Country');
                                        data.addColumn('number','Total Hit');
                                        
                                        uniqueActData.addColumn('string','Country');
                                        uniqueActData.addColumn('number','Total Hit');
                        <%
                                ArrayList<Info> cARList = LogStatistics.getInstance().getCountryActivityRecord();
                                //ArrayList<Info> aList = LogStatistics.getInstance().getForeignCountryActivityRecord();


                                for (int i = 0; i < cARList.size(); i++)
                                {
                                        temp = (Info) cARList.get(i);
                        %>
                                        data.addRow(["<%=temp.keyName%>",<%=temp.totalHit%>]);
                                        uniqueActData.addRow(["<%=temp.keyName%>",<%=temp.uniqueHit%>]);
                                        
                        <%
                                }
                                cARList = null;
                        %>                                            
                                        uniqueActData.sort([ {column: 1 , desc:true }]);
                                        data.sort([ {column: 1 , desc:true }]);
                              
                                        var options = 
                                                {
                                                title: 'Total Page Visits From Countries',
                                                is3D: true
                                        };
      
                                        var chart = new google.visualization.PieChart(document.getElementById('country_act'));
                                        var uniqueActChart = new google.visualization.PieChart(document.getElementById('country_unique_act'));
                                        
                                        
                                        chart.draw(data, options);
                                        uniqueActChart.draw(uniqueActData, {  title: 'Unique Page Visits From Countries', is3D: true });
                                }                  
                        
  
                                function foreignCountryActivityChart()
                                {
                                        var data  = new google.visualization.DataTable();
                                        data.addColumn('string','Country');
                                        data.addColumn('number','Total Hit');
                        <%
                                //ArrayList<Info> aList = LogStatistics.getInstance().getCountryActivityRecord();
                                ArrayList<Info> fCARList = LogStatistics.getInstance().getForeignCountryActivityRecord();


                                for (int i = 0; i < fCARList.size(); i++)
                                {
                                        temp = (Info) fCARList.get(i);
                        %>
                                        data.addRow(["<%=temp.keyName%>",<%=temp.totalHit%>]);
                        <%
                                }
                                fCARList = null;
                        %>                                            

      
                              
                                        var options = 
                                                {
                                                datalessRegionColor: 'white',
                                                colorAxis: {minValue: 0,  colors: ['#FFFFFF', '#0000FF']}
                                        };
      
                                        var chart = new google.visualization.GeoChart(document.getElementById('fr_country_act'));
                                        chart.draw(data, options);
                                }
                        
                                                
                                 function timeFrameActivityChart() 
                                {
                                      var uniqueActData  = new google.visualization.DataTable();
                                       var data  = new google.visualization.DataTable();
                                        

                                        data.addColumn('string','Time Frame Unit');
                                        data.addColumn('number','Total Hit');
                                         uniqueActData.addColumn('string','Time Frame Unit');
                                        uniqueActData.addColumn('number','Unique Hit');                               
                        <%
                                //ArrayList<Info> aList = LogStatistics.getInstance().getCountryActivityRecord();
                                ArrayList<Info> tFARList = LogStatistics.getInstance().getTimeFrameActivityRecord();


                                for (int i = 0; i < tFARList.size(); i++)
                                {
                                        temp = (Info) tFARList.get(i);
                        %>
                                        data.addRow(["<%=temp.keyName%>",<%=temp.totalHit%>]);
                                        uniqueActData.addRow(["<%=temp.keyName%>",<%=temp.uniqueHit%>]);
                        <%
                                }
                                tFARList = null;
                        %>                                            
                  
                                        var options = {
                                                title: 'Page Visits by Time Frame',
                                                colors:['red']
                                        };

                                        var chart = new google.visualization.AreaChart(document.getElementById('time_frame_act'));
                                        var uniqueActChart = new google.visualization.AreaChart(document.getElementById('time_frame_unique_act'));
                                        
                                        
                                        chart.draw(data, options);
                                        uniqueActChart.draw(uniqueActData, {  title: 'Unique Page Visits by Time Frame',colors:['#405000']});
                                  
                                }


                      
                                function hourlyActivityChart() 
                                {
                                      var uniqueActData  = new google.visualization.DataTable();
                                       var data  = new google.visualization.DataTable();
                                        

                                        data.addColumn('string','Hour');
                                        data.addColumn('number','Total Hit');
                                         uniqueActData.addColumn('string','Hour');
                                        uniqueActData.addColumn('number','Unique Hit');                               
                        <%
                                //ArrayList<Info> aList = LogStatistics.getInstance().getCountryActivityRecord();
                                ArrayList<Info> hARList = LogStatistics.getInstance().getHourlyActivityRecord();


                                for (int i = 0; i < hARList.size(); i++)
                                {
                                        temp = (Info) hARList.get(i);
                        %>
                                        data.addRow(["<%=temp.keyName%>",<%=temp.totalHit%>]);
                                        uniqueActData.addRow(["<%=temp.keyName%>",<%=temp.uniqueHit%>]);
                        <%
                                }
                                hARList = null;
                        %>                                            
                  
                                        var options = {
                                                title: 'Page Visits by Hour',
                                                colors:['red']
                                        };

                                        var chart = new google.visualization.AreaChart(document.getElementById('hourly_act'));
                                        var uniqueActChart = new google.visualization.AreaChart(document.getElementById('hourly_unique_act'));
                                        
                                        
                                        chart.draw(data, options);
                                        uniqueActChart.draw(uniqueActData, {  title: 'Unique Page Visits by Hour',colors:['#405000']});
                                  
                                }






                                function dailyActivityChart() 
                                {
                                        var data  = new google.visualization.DataTable();
                                        var uniqueActData  = new google.visualization.DataTable();
                                        data.addColumn('string','WeekDays');
                                        data.addColumn('number','Total Hit');
                                        
                                         uniqueActData.addColumn('string','WeekDays');
                                        uniqueActData.addColumn('number','Total Hit');
                        <%
                                //ArrayList<Info> aList = LogStatistics.getInstance().getCountryActivityRecord();
                                ArrayList<Info> dARList = LogStatistics.getInstance().getDailyActivityRecord();


                                for (int i = 0; i < dARList.size(); i++)
                                {
                                        temp = (Info) dARList.get(i);
                        %>
                                        data.addRow(["<%=temp.keyName%>",<%=temp.totalHit%>]);
                                        uniqueActData.addRow(["<%=temp.keyName%>",<%=temp.uniqueHit%>]);
                        <%
                                }
                                dARList = null;
                        %>                                            
                  
                                        var options =
                                        {
                                                title: 'Page Visits by Days'
                                        };

                                        var chart = new google.visualization.ColumnChart(document.getElementById('daily_act'));
                                        var uniqueActChart = new google.visualization.ColumnChart(document.getElementById('daily_unique_act'));
                                        
                                        chart.draw(data, options);
                                        uniqueActChart.draw(uniqueActData, {  title: 'Unique Page Visits by Days',colors:['#9900CC']});
                                }

                                function browserActivityChart()
                                {
                                        var data  = new google.visualization.DataTable();
                                        var uniqueActData  = new google.visualization.DataTable();
                                        
                                        data.addColumn('string','Browser');
                                        data.addColumn('number','Total Hit');
                                        
                                        uniqueActData.addColumn('string','Browser');
                                        uniqueActData.addColumn('number','Total Hit');
                        <%
                                ArrayList<Info> browserARList = UserAgentStatistics.getInstance().getBrowserStatistics();
                                //ArrayList<Info> aList = LogStatistics.getInstance().getForeignCountryActivityRecord();


                                for (int i = 0; i < browserARList.size(); i++)
                                {
                                        temp = (Info) browserARList.get(i);
                        %>
                                        data.addRow(["<%=temp.keyName%>",<%=temp.totalHit%>]);
                                        uniqueActData.addRow(["<%=temp.keyName%>",<%=temp.uniqueHit%>]);
                                        
                        <%
                                }
                                browserARList = null;
                        %>                                            
                                        uniqueActData.sort([ {column: 1 , desc:true }]);
                                        data.sort([ {column: 1 , desc:true }]);
                              
                                        var options = 
                                                {
                                                title: 'Browser Statistics',
                                                is3D: true
                                        };
      
                                        var chart = new google.visualization.PieChart(document.getElementById('browser_act'));
                                        var uniqueActChart = new google.visualization.PieChart(document.getElementById('browser_unique_act'));
                                        
                                        
                                        chart.draw(data, options);
                                        uniqueActChart.draw(uniqueActData, {  title: 'Unique Page Visits Browser Statistics', is3D: true });
                                }                  
                        
                              function browserManufacturerActivityChart()
                                {
                                        var data  = new google.visualization.DataTable();
                                        var uniqueActData  = new google.visualization.DataTable();
                                        
                                        data.addColumn('string','Browser');
                                        data.addColumn('number','Total Hit');
                                        
                                        uniqueActData.addColumn('string','Browser');
                                        uniqueActData.addColumn('number','Total Hit');
                        <%
                                ArrayList<Info> browserManARList = UserAgentStatistics.getInstance().getBrowserManufacturerStatistics();
                                //ArrayList<Info> aList = LogStatistics.getInstance().getForeignCountryActivityRecord();


                                for (int i = 0; i < browserManARList.size(); i++)
                                {
                                        temp = (Info) browserManARList.get(i);
                        %>
                                        data.addRow(["<%=temp.keyName%>",<%=temp.totalHit%>]);
                                        uniqueActData.addRow(["<%=temp.keyName%>",<%=temp.uniqueHit%>]);
                                        
                        <%
                                }
                                browserManARList = null;
                        %>                                            
                                        uniqueActData.sort([ {column: 1 , desc:true }]);
                                        data.sort([ {column: 1 , desc:true }]);
                              
                                        var options = 
                                                {
                                                title: 'Browser Manufacturer Statistics',
                                                is3D: true
                                        };
      
                                        var chart = new google.visualization.PieChart(document.getElementById('browser_man_act'));
                                        var uniqueActChart = new google.visualization.PieChart(document.getElementById('browser_man_unique_act'));
                                        
                                        
                                        chart.draw(data, options);
                                        uniqueActChart.draw(uniqueActData, {  title: 'Unique Page Visits Browser Manufacturer Statistics', is3D: true });
                                }                  

                             function browserTypeActivityChart()
                                {
                                        var data  = new google.visualization.DataTable();
                                        var uniqueActData  = new google.visualization.DataTable();
                                        
                                        data.addColumn('string','Browser');
                                        data.addColumn('number','Total Hit');
                                        
                                        uniqueActData.addColumn('string','Browser');
                                        uniqueActData.addColumn('number','Total Hit');
                        <%
                                ArrayList<Info> browserTypeARList = UserAgentStatistics.getInstance().getBrowserTypeStatistics();


                                for (int i = 0; i < browserTypeARList.size(); i++)
                                {
                                        temp = (Info) browserTypeARList.get(i);
                        %>
                                        data.addRow(["<%=temp.keyName%>",<%=temp.totalHit%>]);
                                        uniqueActData.addRow(["<%=temp.keyName%>",<%=temp.uniqueHit%>]);
                                        
                        <%
                                }
                                browserTypeARList = null;
                        %>                                            
                                        uniqueActData.sort([ {column: 1 , desc:true }]);
                                        data.sort([ {column: 1 , desc:true }]);
                              
                                        var options = 
                                                {
                                                title: 'Browser Type Statistics',
                                                is3D: true
                                        };
      
                                        var chart = new google.visualization.PieChart(document.getElementById('browser_type_act'));
                                        var uniqueActChart = new google.visualization.PieChart(document.getElementById('browser_type_unique_act'));
                                        
                                        
                                        chart.draw(data, options);
                                        uniqueActChart.draw(uniqueActData, {  title: 'Unique Page Visits Browser Type Statistics', is3D: true });
                                }                  


                            function browserREActivityChart()
                                {
                                        var data  = new google.visualization.DataTable();
                                        var uniqueActData  = new google.visualization.DataTable();
                                        
                                        data.addColumn('string','Browser');
                                        data.addColumn('number','Total Hit');
                                        
                                        uniqueActData.addColumn('string','Browser');
                                        uniqueActData.addColumn('number','Total Hit');
                        <%
                                ArrayList<Info> browserREARList = UserAgentStatistics.getInstance().getbrowserRenderingEngineStatistics();


                                for (int i = 0; i < browserREARList.size(); i++)
                                {
                                        temp = (Info) browserREARList.get(i);
                        %>
                                        data.addRow(["<%=temp.keyName%>",<%=temp.totalHit%>]);
                                        uniqueActData.addRow(["<%=temp.keyName%>",<%=temp.uniqueHit%>]);
                                        
                        <%
                                }
                                browserREARList = null;
                        %>                                            
                                        uniqueActData.sort([ {column: 1 , desc:true }]);
                                        data.sort([ {column: 1 , desc:true }]);
                              
                                        var options = 
                                                {
                                                title: 'Browser Rendering Engine Statistics',
                                                is3D: true
                                        };
      
                                        var chart = new google.visualization.PieChart(document.getElementById('browser_re_act'));
                                        var uniqueActChart = new google.visualization.PieChart(document.getElementById('browser_re_unique_act'));
                                        
                                        
                                        chart.draw(data, options);
                                        uniqueActChart.draw(uniqueActData, {  title: 'Unique Page Visits Browser Rendering Engine Statistics', is3D: true });
                                }                  

                            function deviceTypeActivityChart()
                                {
                                        var data  = new google.visualization.DataTable();
                                        var uniqueActData  = new google.visualization.DataTable();
                                        
                                        data.addColumn('string','Device Type');
                                        data.addColumn('number','Total Hit');
                                        
                                        uniqueActData.addColumn('string','Device Type');
                                        uniqueActData.addColumn('number','Total Hit');
                        <%
                                ArrayList<Info> browserDTARList = UserAgentStatistics.getInstance().getDeviceTypeStatistics();


                                for (int i = 0; i < browserDTARList.size(); i++)
                                {
                                        temp = (Info) browserDTARList.get(i);
                        %>
                                        data.addRow(["<%=temp.keyName%>",<%=temp.totalHit%>]);
                                        uniqueActData.addRow(["<%=temp.keyName%>",<%=temp.uniqueHit%>]);
                                        
                        <%
                                }
                                browserDTARList = null;
                        %>                                            
                                        uniqueActData.sort([ {column: 1 , desc:true }]);
                                        data.sort([ {column: 1 , desc:true }]);
                              
                                        var options = 
                                                {
                                                title: 'Device Type Statistics',
                                                is3D: true
                                        };
      
                                        var chart = new google.visualization.PieChart(document.getElementById('device_type_act'));
                                        var uniqueActChart = new google.visualization.PieChart(document.getElementById('device_type_unique_act'));
                                        
                                        
                                        chart.draw(data, options);
                                        uniqueActChart.draw(uniqueActData, {  title: 'Unique Page Visits Device Type Statistics', is3D: true });
                                }                  

                        function osActivityChart()
                                {
                                        var data  = new google.visualization.DataTable();
                                        var uniqueActData  = new google.visualization.DataTable();
                                        
                                        data.addColumn('string','Operating Systems');
                                        data.addColumn('number','Total Hit');
                                        
                                        uniqueActData.addColumn('string','Operating Systems');
                                        uniqueActData.addColumn('number','Total Hit');
                        <%
                                ArrayList<Info> osARList = UserAgentStatistics.getInstance().getOSStatistics();


                                for (int i = 0; i < osARList.size(); i++)
                                {
                                        temp = (Info) osARList.get(i);
                        %>
                                        data.addRow(["<%=temp.keyName%>",<%=temp.totalHit%>]);
                                        uniqueActData.addRow(["<%=temp.keyName%>",<%=temp.uniqueHit%>]);
                                        
                        <%
                                }
                                osARList = null;
                        %>                                            
                                        uniqueActData.sort([ {column: 1 , desc:true }]);
                                        data.sort([ {column: 1 , desc:true }]);
                              
                                        var options = 
                                                {
                                                title: 'Operating System Statistics',
                                                is3D: true
                                        };
      
                                        var chart = new google.visualization.PieChart(document.getElementById('os_act'));
                                        var uniqueActChart = new google.visualization.PieChart(document.getElementById('os_unique_act'));
                                        
                                        
                                        chart.draw(data, options);
                                        uniqueActChart.draw(uniqueActData, {  title: 'Unique Page Visits Operating System Statistics', is3D: true });
                                }                  


                        function osManActivityChart()
                                {
                                        var data  = new google.visualization.DataTable();
                                        var uniqueActData  = new google.visualization.DataTable();
                                        
                                        data.addColumn('string','Device Type');
                                        data.addColumn('number','Total Hit');
                                        
                                        uniqueActData.addColumn('string','Device Type');
                                        uniqueActData.addColumn('number','Total Hit');
                        <%
                                ArrayList<Info> osManARList = UserAgentStatistics.getInstance().getOSManufacturerStatistics();


                                for (int i = 0; i < osManARList.size(); i++)
                                {
                                        temp = (Info) osManARList.get(i);
                        %>
                                        data.addRow(["<%=temp.keyName%>",<%=temp.totalHit%>]);
                                        uniqueActData.addRow(["<%=temp.keyName%>",<%=temp.uniqueHit%>]);
                                        
                        <%
                                }
                                osManARList = null;
                        %>                                            
                                        uniqueActData.sort([ {column: 1 , desc:true }]);
                                        data.sort([ {column: 1 , desc:true }]);
                              
                                        var options = 
                                                {
                                                title: 'Operating Systems Manufacturer Statistics',
                                                is3D: true
                                        };
      
                                        var chart = new google.visualization.PieChart(document.getElementById('os_man_act'));
                                        var uniqueActChart = new google.visualization.PieChart(document.getElementById('os_man_unique_act'));
                                        
                                        
                                        chart.draw(data, options);
                                        uniqueActChart.draw(uniqueActData, {  title: 'Unique Page Visits Operating Systems Manufacturer Statistics', is3D: true });
                                }                  


                        function searchEngineActivityChart()
                                {
                                        var data  = new google.visualization.DataTable();
                                        var uniqueActData  = new google.visualization.DataTable();
                                        
                                        data.addColumn('string','Search Engine');
                                        data.addColumn('number','Total Hit');
                                        
                                        uniqueActData.addColumn('string','Search Engine');
                                        uniqueActData.addColumn('number','Total Hit');
                        <%
                                ArrayList<Info> searchEngineARList = SearchEngineStatistics.getInstance().getSearchEngineStatistics();


                                for (int i = 0; i < searchEngineARList.size(); i++)
                                {
                                        temp = (Info) searchEngineARList.get(i);
                        %>
                                        data.addRow(["<%=temp.keyName%>",<%=temp.totalHit%>]);
                                        uniqueActData.addRow(["<%=temp.keyName%>",<%=temp.uniqueHit%>]);
                                        
                        <%
                                }
                                searchEngineARList = null;
                        %>                                            
                                        uniqueActData.sort([ {column: 1 , desc:true }]);
                                        data.sort([ {column: 1 , desc:true }]);
                              
                                        var options = 
                                                {
                                                title: 'Search Engine Statistics',
                                                is3D: true
                                        };
      
                                        var chart = new google.visualization.PieChart(document.getElementById('search_engine_act'));
                                        var uniqueActChart = new google.visualization.PieChart(document.getElementById('search_engine_unique_act'));
                                        
                                        
                                        chart.draw(data, options);
                                        uniqueActChart.draw(uniqueActData, {  title: 'Search Engine Statistics', is3D: true });
                                }   

                </script>

        </head>
        <body>
                <style>
                        .verticalSpace {margin-bottom: 1cm; }
                </style>
                <p class="verticalSpace"></p>
<!--
                                <table border="1"  width="100%">
                        <h1>Frequent Visitors</h1>  
                        
                                            
                                        
                                        
                                              
                                        <%
                                                ArrayList<Info> fVisitors =LogStatistics.getInstance().getFrequentVisitors();
                                               double totalVisits =  fVisitors.get(0).totalHit; 
                                                 NumberFormat fmt = NumberFormat.getPercentInstance();     
                                                fmt.setMinimumFractionDigits(2);
                                                fmt.setMaximumFractionDigits(2);
                                                
                                                NumberFormat tot = NumberFormat.getNumberInstance();
                                                tot.setMaximumFractionDigits(0);
                                                
                                               out.println("Total visits: "+tot.format(totalVisits));
                                                for (int i = 1; i < fVisitors.size(); i++)
                                                {
                                                        temp = (Info) fVisitors.get(i);
                                                        out.println("<tr> <td WIDTH=\"50%\">"
                                                                +temp.keyName 
                                                                + " </td> <td WIDTH=\"50%\"> "
                                                                +fmt.format(temp.totalHit/totalVisits)
                                                                +"</td> /<tr>" );
                                                }
                                                fVisitors = null;
                                                
                                        %>  
                                      
                                
                        

                </table>
                                        
                <table border="1"  width="100%">
                        <h1>Frequent Search Key Words</h1>  
                        
                                            
                                        
                                        
                                              
                                        <%
                                                ArrayList<Info> sKeyWords =SearchEngineStatistics.getInstance().getSearchKeyWordStatistics();
                                               double totalSearchKeyWords =  sKeyWords.get(0).totalHit; 
                                                
                                               out.println("Total Search Query: "+tot.format(totalSearchKeyWords));
                                                for (int i = 1; i < sKeyWords.size(); i++)
                                                {
                                                        temp = (Info) sKeyWords.get(i);
                                                        out.println("<tr> <td WIDTH=\"50%\">"
                                                                +temp.keyName 
                                                                + " </td> <td WIDTH=\"50%\"> "
                                                                +fmt.format(temp.totalHit/totalSearchKeyWords)
                                                                +"</td> /<tr>" );
                                                }
                                                sKeyWords = null;
                                                
                                        %>  
                                      
                                
                        

                </table>
                 
                
                <p class="verticalSpace"></p>
                <table border="1"  width="100%">
                        <tr>
                                <td WIDTH="50%">                
                                        <div id="country_act" > </div>
                                        
                                </td>
                                <td WIDTH="50%">
                                        <div id="country_unique_act" > </div>
                                </td>
                        </tr>

                </table>
                <p class="verticalSpace"></p>
                <hr>
                <h1>Page Visits From Foreign Countries</h1>
                <div id="fr_country_act" ></div>
                <p class="verticalSpace"></p>
                <hr>

-->
                <p class="verticalSpace"></p>
                
                  <table border="1"  width="100%">
                        <tr>
                                <td WIDTH="50%">                
                                        <div id="time_frame_act" > </div>
                                        
                                </td>
                                <td WIDTH="50%">
                                        <div id="time_frame_unique_act" > </div>
                                </td>
                        </tr>

                </table>                  
                 <table border="1"  width="100%">
                        <tr>
                                <td WIDTH="50%">                
                                        <div id="hourly_act" > </div>
                                        
                                </td>
                                <td WIDTH="50%">
                                        <div id="hourly_unique_act" > </div>
                                </td>
                        </tr>

                </table>                  
                <p class="verticalSpace"></p>
    
                <hr>
                <p class="verticalSpace"></p>
                
                   <table border="1"  width="100%">
                        <tr>
                                <td WIDTH="50%">                
                                        <div id="daily_act" > </div>
                                        
                                </td>
                                <td WIDTH="50%">
                                        <div id="daily_unique_act" > </div>
                                </td>
                        </tr>

                </table>                           
                
 <!--               <hr>
                <p class="verticalSpace"></p>
                
                   <table border="1"  width="100%">
                        <tr>
                                <td WIDTH="50%">                
                                        <div id="browser_act" > </div>
                                        
                                </td>
                                <td WIDTH="50%">
                                        <div id="browser_unique_act" > </div>
                                </td>
                        </tr>

                </table>                    
                 <hr>
                <p class="verticalSpace"></p>
                
                   <table border="1"  width="100%">
                        <tr>
                                <td WIDTH="50%">                
                                        <div id="browser_man_act" > </div>
                                        
                                </td>
                                <td WIDTH="50%">
                                        <div id="browser_man_unique_act" > </div>
                                </td>
                        </tr>

                </table>                         
                 <hr>
                <p class="verticalSpace"></p>
                
                   <table border="1"  width="100%">
                        <tr>
                                <td WIDTH="50%">                
                                        <div id="browser_type_act" > </div>
                                        
                                </td>
                                <td WIDTH="50%">
                                        <div id="browser_type_unique_act" > </div>
                                </td>
                        </tr>

                </table>       
                                 
                <hr>
                <p class="verticalSpace"></p>
                
                   <table border="1"  width="100%">
                        <tr>
                                <td WIDTH="50%">                
                                        <div id="browser_re_act" > </div>
                                        
                                </td>
                                <td WIDTH="50%">
                                        <div id="browser_re_unique_act" > </div>
                                </td>
                        </tr>

                </table>     
                
                                <hr>
                <p class="verticalSpace"></p>
                
                   <table border="1"  width="100%">
                        <tr>
                                <td WIDTH="50%">                
                                        <div id="device_type_act" > </div>
                                        
                                </td>
                                <td WIDTH="50%">
                                        <div id="device_type_unique_act" > </div>
                                </td>
                        </tr>

                </table>      
                            <hr>
                <p class="verticalSpace"></p>
                
                   <table border="1"  width="100%">
                        <tr>
                                <td WIDTH="50%">                
                                        <div id="os_act" > </div>
                                        
                                </td>
                                <td WIDTH="50%">
                                        <div id="os_unique_act" > </div>
                                </td>
                        </tr>

                </table>    
                
                
                                            <hr>
                <p class="verticalSpace"></p>
                
                   <table border="1"  width="100%">
                        <tr>
                                <td WIDTH="50%">                
                                        <div id="os_man_act" > </div>
                                        
                                </td>
                                <td WIDTH="50%">
                                        <div id="os_man_unique_act" > </div>
                                </td>
                        </tr>

                </table>      
                                                            <hr>
                <p class="verticalSpace"></p>
                
                   <table border="1"  width="100%">
                        <tr>
                                <td WIDTH="50%">                
                                        <div id="search_engine_act" > </div>
                                        
                                </td>
                                <td WIDTH="50%">
                                        <div id="search_engine_unique_act" > </div>
                                </td>
                        </tr>

                </table>      

                <hr>
 -->
        </body>
</html>